#bg {
	width: 99vw;
	height: 99vh;
	overflow: hidden;
	/*border: 1px solid red;*/
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	box-sizing: content-box;
}

#d1 {
	/* 弹性 压缩宽度*/
	display: flex;
	width: 100vw;
	height: 50px;
	/*background-image: linear-gradient(to right,gray,white);*/
	/*渐变*/
	background-image: linear-gradient(to right, rgb(0, 151, 255), rgb(0, 89, 255), rgb(100, 151, 255));
	justify-content: center;
	align-items: center;
	/*背景颜色*/
	/*background-color: rgb(0,151,255);*/
	/*flex:1;*/
}

#d2 {
	/* 弹性 压缩宽度*/
	width: 100vw;
	height: 200px;
	flex: auto;
	/*弹性容器*/
	display: flex;
	flex-direction: column;
	/*justify-content: center;*/
	/*align-items: center;*/
}

.greenBtn {
	background-color: #4CAF50;
	/* 绿色 */
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	/*margin: 4px 2px;*/
	cursor: pointer;
	border-radius: 10px;
	width: 98vw;
}

.button4 {
	background-color: #e7e7e7;
	color: black;
}


/* 灰色 */

#loginBtn {
	margin: 0px;
}

#d3 {
	/* 弹性 压缩宽度*/
	width: 100vw;
	height: 80px;
	/*flex:1;*/
	border-top: 1px solid gray;
	display: flex;
	justify-content: space-between;
}

#head {
	color: white;
	font-size: 36px;
	width: 200px;
	text-align: justify;
	display: flex;
	/* 文本对齐方式  */
	justify-content: space-around;
}

#d3 > div {
	flex: auto;
	justify-content: center;
	align-items: center;
	margin: auto;
	padding: auto;
}

#d3 > div > div {
	text-align: center
}

#d3 > div:hover {
	color: red;
}

#userinfo > form > div {
	color: gray;
	border: 1px solid gray;
	margin: 5px;
	padding: 5px;
}

#userinfo > form > div:hover {
	border: 1px solid dodgerblue;
}

#userinfo > form > div > input {
	border: none;
	outline: none;
	width: 90%;
}